/*头部样式*/
#header{width:1190px;margin:0 auto;}
.logo{text-align: center;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}


.news_listy li{line-height:27px;position:relative;float: left;width: 570px;margin-bottom: 20px;cursor: pointer;}
.news_listy li a{line-height:27px;color:#666666;font:400 14px/24px "Microsoft Yahei";}
.news_listy li a:hover{text-decoration:none;color:#0c397a;}
.news_listy li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_listy li h3 {font-size:14px;}
.news_listy li:nth-child(2n){
	float: right;
}
.ti{
	width: 65px;
	height: 65px;
	line-height: 65px;
	font:600 24px/65px "Microsoft Yahei";
	float: left;
	background: #cccccc;
	text-align: center;
}
.nnhy{
	width: 505px;
	float: left;
	box-sizing: border-box;
	padding: 3px 10px;
}
.news_listy li:hover{
	background: #e9edf3;
}

.news_listy li:hover .ti{
	background: #0c397a;
	color: #fff;
}
/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.wenzi{
	font:400 24px/30px "Microsoft Yahei";
	color: #0c397a;    

}
.wenzi span{
	font-weight: bold!Important;
} 

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.chan{
	width: 1200px;
	margin:0 auto;
	position: relative;
	height: 475px;
}
.ab{
	width: 422px;
	height: 585px;
	margin-top: -111px;
	z-index: 9999;
	position: absolute;
	left:32px;
}
.abt{
	width: 680px;
	margin-top: 31px;
	margin-right: 30px;
}
.abt_t{
	font:600 24px/31px "Microsoft Yahei";
	color: #0c397a;
	background: url(../images/xian.jpg) left center no-repeat;
	padding-left: 22px;
	height: 100px;
	box-sizing: border-box;
	padding-top: 10px;
}
.abt_t span{
	font-weight: 400;
}
.abt_z{
	font:600 18px/30px "Microsoft Yahei";
	color: #333;
	padding: 10px 0 10px 21px;
}
.abt_n{
	font:400 14px/24px "Microsoft Yahei";
	color: #666;
	padding-top: 10px;
	padding-left: 21px;
}

.abt_m{
	width: 140px;
	float: right;
	height: 37px;
	text-align: center;
	border:#0c397a 1px solid;
	font:400 14px/37px "Microsoft Yahei";
	color: #e77919;
	margin-top: 70px;
}

.chant{
	width: 1200px;
	margin: 0 auto;
}
.cp{
height: 138px;
    background: url(../images/xian1.jpg) center 70px no-repeat;
    font: 600 24px/81px "Microsoft Yahei";
    color: #0c397a;
    text-align: center;
  /*  padding-top: 56px;*/
    box-sizing: border-box;
}
.cp span{
	font-weight: 400;
}

.nei{
	background: url(../images/nei1.jpg) top center no-repeat;
	height: 481px;
}
.chany{
	width: 1200px;
	margin:0 auto;
}
.gund{
	padding-top: 47px;
}

.bg{
	position: absolute;
	top:1px;
	left:1px;
	background: url(../images/chan.png) no-repeat;
	width: 284px;
	height: 365px;
	box-sizing: border-box;
	padding: 230px 20px 20px 20px;
	opacity: 0;
}
.bg_n{
	font:400 14px/30px "Microsoft Yahei";
	color: #fff;
display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.bg_more{
	font:400 14px/30px "Microsoft Yahei";
	color: #fff;
	background: url(../images/more.png) 60px center no-repeat;
	margin-top: 30px;
}

.bg h3{color:#e86e02;font-weight:bold;font-size: 18px;}
.picScroll-left{ overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden;  height:30px;  margin-top: 50px;  }

.picScroll-left .hd ul{ margin-left: 600px; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:14px; height:14px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; 
	background:url("../images/icoCircle.gif") 0 -14px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; position: relative; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width:284px;height:365px; display:block; border:1px solid #0c397a; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }


.picScroll-left .bd ul li:hover .bg{
	opacity: 1;
}

/*案例展示*/
.anli{
	text-align: center;
    text-transform: uppercase;
    font: 400 25px/57px "Microsoft Yahei";
    color: #0c397a;
    background: url(../images/xian2.png) 600px 108px no-repeat;
    height: 170px;
    box-sizing: border-box;
    padding-top: 60px;
}
.anli span{
	font-weight: 600;
}
.anli1{
	width: 520px;
	margin-left: 47px;
}
.alitu{
	width: 125px;
	height: 125px;
	position: relative;
}
.anlinei{
	width: 395px;
	background: #f5f5f5;
	height: 125px;
	box-sizing: border-box;
	padding: 18px;
}

.anli1 li{
	margin-bottom: 31px;
}
.anli1_shu{
	background: rgba(12,57,122,0.6);
	position: absolute;
	top:0px;
	left:0px;
	width: 125px;
	height: 125px;
	font:400 48px/125px  "Microsoft Yahei";
	color: #fff;
	text-align: center;
}
.anlinei_t{
	font:400 14px/30px "Microsoft Yahei";
	color: #3b3b3b;
	position: relative;
}
.anlinei_t a{
	position: absolute;
	top:0px;
	right: 0px;
	font:400 14px/22px "Microsoft Yahei";
	color: #e87818;
	background: url(../images/tu.png) right center no-repeat;
	padding-right: 10px;
}
.anlinei_ro{
	font:400 14px/22px "Microsoft Yahei";
	color: #3b3b3b;
	padding-top: 15px;
}


/*æ–°é—»*/
.xw li{
	float: left;
	width: 399px;
	position: relative;
}
.xw_nei{
	background: #0c397a;
	width: 399px;
	height: 205px;
	box-sizing: border-box;
	padding: 40px;
	color: #fff;
}
.xw_nei:hover{
	background: url(../images/left.png) no-repeat;
}
.xw_nei a{
	font:400 16px/30px "Microsoft Yahei";
	color: #fff;
}
.xw_img{
	width: 399px;
	height: 205px;
}
.xw_rong{
	font:400 14px/22px "Microsoft Yahei";
	padding-top: 23px;
}
.xw li:nth-child(2) .xw_img{
     position: absolute;
     top:205px;
}
.xw li:nth-child(2) .xw_nei{
     position: absolute;
     top:0px;
    background: #0c397a;
}

.xw li:nth-child(2):hover .xw_nei{
     position: absolute;
     top:0px;
     background: url(../images/left1.png) no-repeat;
}

.xw li:nth-child(3){
	float: right;
	margin-right: 3px;
}

.xw li:nth-child(3) .xw_nei{
	 background: #0c397a;
}
.xw li:nth-child(3):hover .xw_nei{
	background: url(../images/left2.png) no-repeat;
}
/*主体样式*/
#container{width:1190px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1190px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}


.fg{
	background: #0c397a;
	box-sizing: border-box;
	padding: 20px 0;
	margin-top: 70px;
}
.fgg{
	width: 900px;
}

/*友情链接*/
.f_link{width:1190px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1190px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;color: #fff}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#fff;}
.copyright{text-align:center;line-height:24px;border-top:#ffffff 1px solid;margin-top: 48px;padding-top: 15px;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#0c397a;font-size:14px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position: relative;left:50%;
margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:960px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#0c397a;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;color:#fff;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;color:#fff}
.sitemp .site a{color: #fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}